<template>
	<div>
		<Son :name.sync="name"></Son>
		<!-- v-model：子组件中被注入一个value的值
    和一个input的函数 -->
		<Son2 ref="myRef" v-model="name"></Son2>
	</div>
</template>

<script>
import Son from './Son'
import Son2 from './Son2'
export default {
	mounted() {
		// 写动画 写轮播 ref获取元素，操作元素
		const h1 = this.$refs.myRef
		console.log(h1)
	},
	components: { Son, Son2 },
	data() {
		return {
			obj: { id: 1, name: 'mac os', $: '1000$' },
			name: '我是一个粉刷匠',
		}
	},
}
</script>